import { Tag } from '@components/Tag';

# Ecosystem

## Rstack

Rstack is a unified JavaScript toolchain centered on Rspack, with high performance and consistent architecture.

### Rsbuild

<Tag color="geekblue">Build tool</Tag>

[Rsbuild](https://github.com/web-infra-dev/rsbuild) is a high-performance build tool powered by Rspack. It provides a set of thoughtfully designed default build configs, offering an out-of-the-box development experience and can fully unleash the performance advantages of Rspack.

### Rslib

<Tag color="geekblue">Library development tool</Tag>

[Rslib](https://github.com/web-infra-dev/rslib) is a library development tool based on Rsbuild, which reuses the carefully designed build configuration and plugin system of Rsbuild. It allows developers to create JavaScript libraries in a simple and intuitive way.

### Rspress

<Tag color="geekblue">Static site generator</Tag>
<Tag color="purple">React</Tag>

[Rspress](https://github.com/web-infra-dev/rspress) is a static site generator based on Rsbuild, React and MDX. It comes with a default documentation theme, and you can quickly build a documentation site with Rspress. You can also customize the theme to meet your personalized static site needs, such as blog sites, product homepages, etc.

### Rsdoctor

<Tag color="geekblue">Build analyzer</Tag>

[Rsdoctor](https://github.com/web-infra-dev/rsdoctor) is a build analyzer that can visually display the build process, such as compilation time, code changes before and after compilation, module reference relationships, duplicate modules, etc.

### Rstest

<Tag color="geekblue">Testing framework</Tag>

[Rstest](https://github.com/web-infra-dev/rstest) is a testing framework powered by Rspack. It delivers comprehensive, first-class support for the Rspack ecosystem, enabling seamless integration into existing Rspack-based projects.

### Rslint

<Tag color="geekblue">Linter</Tag>

[Rslint](https://github.com/web-infra-dev/rslint) is a high-performance JavaScript and TypeScript linter based on typescript-go. It offers strong compatibility with the ESLint and TypeScript-ESLint ecosystem, allowing for seamless replacement, and provides lightning-fast linting speeds.

## Community integrations

### Angular Rspack

<Tag color="geekblue">Build tool</Tag>
<Tag color="purple">Angular</Tag>

[Angular Rspack](https://github.com/nrwl/angular-rspack) is a set of plugins and tools to make it easy and straightforward to build Angular applications with Rspack and Rsbuild.

### Docusaurus

<Tag color="geekblue">Static site generator</Tag>
<Tag color="purple">React</Tag>

[Docusaurus](https://docusaurus.io/) is a static site generator for building, deploying, and maintaining open source project websites easily.

Docusaurus supports Rspack as the bundler since v3.6, see [Docusaurus Faster](https://docusaurus.io/blog/releases/3.6#docusaurus-faster) for details.

### Modern.js

<Tag color="geekblue">Web framework</Tag>
<Tag color="purple">React</Tag>

[Modern.js](https://modernjs.dev/en/) is a Rsbuild-based progressive React framework that supports nested routes, SSR, and provides out-of-the-box CSS solutions such as styled components and Tailwind CSS.

### Next.js

<Tag color="geekblue">Web framework</Tag>
<Tag color="purple">React</Tag>

[Next.js](https://nextjs.org/) is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.

Rspack team and Next.js team have partnered to provide the `next-rspack` plugin. This plugin allows you to use Rspack as the bundler for Next.js, see [Next.js guide](/guide/tech/next) for details.

### Nuxt

<Tag color="geekblue">Web framework</Tag>
<Tag color="purple">Vue</Tag>

[Nuxt](https://nuxt.com/) is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

Nuxt v3.14 introduces a new first-class Nuxt builder for Rspack, see [Nuxt 3.14](https://nuxt.com/blog/v3-14) for details.

### Nx

<Tag color="geekblue">Build system</Tag>
<Tag color="purple">Monorepo</Tag>

[Nx](https://nx.dev/) is a powerful open-source build system that provides tools and techniques for enhancing developer productivity, optimizing CI performance, and maintaining code quality.

Rspack team and Nx team have collaborated to provide the [Rspack Nx plugin](https://nx.dev/nx-api/rspack). This plugin contains executors, generators, and utilities for managing Rspack projects in an Nx Workspace.

### Rspeedy

<Tag color="geekblue">Build tool</Tag>
<Tag color="purple">Lynx</Tag>

[Rspeedy](https://lynxjs.org/rspeedy/) is an Rspack-based build tool designed specifically for Lynx applications. [Lynx](https://lynxjs.org/) is a family of technologies empowering developers to use their existing web skills to create truly native UIs for both mobile and web from a single codebase.

### Re.Pack

<Tag color="geekblue">Build tool</Tag>
<Tag color="purple">React Native</Tag>

[Re.Pack](https://github.com/callstack/repack) is a build tool for building your React Native application.

Re.Pack v5 uses Rspack and React Native community CLI's plugin system to allow you to bundle your application using Rspack and easily switch from Metro.

### Storybook

<Tag color="geekblue">UI development</Tag>

[Storybook Rsbuild](https://storybook.rsbuild.rs/) allows you to use Rsbuild as the build tool for Storybook, and provides UI framework integrations like React and Vue.

## More

Visit [awesome-rspack](https://github.com/web-infra-dev/awesome-rspack) to discover more projects within the Rspack ecosystem.
